* {
	margin: 0;
	padding: 0;
}
body {
	font: 12px "Microsoft YaHei";
}
/*http://www.divcss5.com/jiqiao/j406.shtml*/
/*清除浮动，防止后边容器因为浮动出现布局混乱*/
/*clear:both清除浮动*/
.clearfix::after {content:"\200B"; display:block; height:0; clear:both; }
/*让网页实现ie7中放大缩小的功能*/
.clearfix { *zoom:1; }

header {
	width: 100%;
	font: 2em/3 SimHei;
	/*background-color: #B2EBF2;*/
	border-bottom: 1px solid #1976D2;
	text-align: center;
}
nav {
	width: 15%;		
	float: left;
	min-width: 120px;
}
nav ul {
	margin: 30px auto;
	width: 90px;
	list-style: disc;/*实心圆*/
	padding-left: 1px;
}
nav ul li {
	padding: 1px 0px;
}
nav a {
	color: navy;
	text-decoration: none;
	padding: 8px 0;
}
nav a:hover {
	color: orange;
	text-decoration: underline;
}
article {
	width: calc(83% - 31px);/*计算长度*/
	padding: 15px;
	border-left: 1px dashed #ccc;/*dashed虚线*/
	float: left;
}
article div {
  float: left;
  width: 49%;
  min-width: 410px;
  margin-right: 1%;
}
article div h3 {
	font-weight: normal;
	padding: 3px 3px 5px 2px;
	margin-bottom: 0px;
	border-bottom: 2px navy solid;
}
article ul {
  padding: 1%;
  /*border: 1px #ccc solid;*/
  list-style: none;
}

article  ul > li {
		margin-bottom: 5px;
  padding: 0 1px 5px;
  border-bottom: 1px #666 dotted;  	 
}

article  ul > li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
article a:link, a:visited {
  color: #369;
  text-decoration: none;
}
article a:hover {
  color: orange;
  text-decoration: underline;
}
footer {
	background-color: #B2EBF2;
	/*设置上边框的样式*/
	border-top: 1px solid #1976D2;
	text-align: center;
	font-size: 0.8em;
	line-height: 3;
}
